<link rel="stylesheet" type="text/css" href="/static/css/pc/index.css" />
<link rel="stylesheet" href="/static/css/pc/common.less" />
<link rel="stylesheet/less" type="text/css" href="/static/css/pc/index.less">
<style type="text/css">
    ul {
        list-style: none !important;
    }

    p {
        margin: 0 0 1px !important;
    }

    .brand-list li {
        margin: 12.5px 10.5px !important;
    }

    .buy-btn {
        font-size: 14px;
        width: 118px;
        height: 34px;
        line-height: 34px;
        border-radius: 18px;
        background: #488DFB;
        color: #fff;
        transition: all 0.5s;
        display: block;
        margin: 0 auto;
        border: 1px solid #488DFB;
        text-align: center;
    }
</style>
<div class="content" id="content" val="3">
    <div class="container">
        <div class="category-block clearfix">
            <div class="title-contianer">
                <h2 class="title anchor" id="Favoriteselection">好物甑选<span class="desc">Favorite selection</span></h2>
                <ul class="category-list clearfix">
                    <li class="item">
                        <a href="#">磨毛套件</a>
                    </li>
                    <li class="item">
                        <a href="#">羽绒厚被</a>
                    </li>
                    <li class="item">
                        <a href="#">绒暖布艺</a>
                    </li>
                    <li class="item">
                        <a href="#">床品套件</a>
                    </li>
                    <li class="item">
                        <a href="#">被枕垫褥</a>
                    </li>
                    <li class="item">
                        <a href="#">布艺软装</a>
                    </li>
                    <li class="item">
                        <a href="#">毛巾浴巾</a>
                    </li>
                </ul>
            </div>
            <div class="favorite">
                <div class="banner">
                    <a href="#">
                        <div class="bd">
                            <p class="title">时尚潮流</p>
                            <div class="hr"></div>
                            <div class="desc">20款时尚流行搭配</div>
                        </div>
                    </a>
                </div>
                <ul class="goods-list">
                    <li class="goods small">
                        <a href="#">
                            <div class="overflow-hidden">
                                <img class="img-scale" src="/static/images/pc/72.png">
                            </div>
                            <p class="title">潮流行李箱</p>
                        </a>
                    </li>
                    <li class="goods small">
                        <a href="#">
                            <div class="overflow-hidden">
                                <img class="img-scale" src="/static/images/pc/74.png">
                            </div>
                            <p class="title">潮流行李箱</p>
                        </a>
                    </li>
                    <li class="goods big">
                        <a href="#">
                            <div class="info">
                                <p class="title">CK制造</p>
                                <p class="desc">甄选大牌尖货</p>
                                <p class="price">123.00起</p>
                            </div>
                            <div class="overflow-hidden">
                                <img class="goods-img img-scale" src="/static/images/pc/70.png">
                            </div>
                        </a>
                    </li>
                    <li class="goods small">
                        <a href="#">
                            <div class="overflow-hidden">
                                <img class="img-scale" src="/static/images/pc/71.png">
                            </div>
                            <p class="title">潮流行李箱</p>
                        </a>
                    </li>
                    <li class="goods small">
                        <a href="#">
                            <div class="overflow-hidden">
                                <img class="img-scale" src="/static/images/pc/73.png">
                            </div>
                            <p class="title">潮流行李箱</p>
                        </a>
                    </li>
                    <li class="goods big">
                        <a href="#">
                            <div class="info">
                                <p class="title">聚名品</p>
                                <p class="desc">甄选大牌尖货</p>
                                <p class="price">123.00起</p>
                            </div>
                            <div class="overflow-hidden">
                                <img class="goods-img img-scale" src="/static/images/pc/69.png">
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- 编辑 Modal -->
<!-- <div class="modal hide fade" id="checkProductInfoByName" style="width: 700px;" tabindex="-1" role="dialog">
    <div class="modal-header">
        <button class="close" type="button" data-dismiss="modal">×</button>
        <h3 id="addRoleModalLabel">选择商品信息</h3>
    </div>
    <div class="modal-body">
        <form id="dataForm" class="definewidth m20" enctype="multipart/form-data">
            <input type="hidden" id="id"/>
            <input type="hidden" id="config_id"/>
            <table class="table table-bordered table-hover definewidth m10">
                <tr>
                    <td style="width: 25%;" class="tableleft">商品名称</td>
                    <td style="width: 63%;">
                        <input type="text" id="productName" style="width: 300px;" class="required-control"/>
                        <span style="color:red;">*</span>
                    </td>
                    <td>
                        <a href="javascript:void(0);" id="queryProductInfo" class="btn btn-primary">查询</a>
                    </td>
                </tr>
            </table>
        </form>
        <table id="taskList_table" class="table table-bordered table-hover definewidth">

        </table>
    </div>
    <div class="modal-footer">
        <a href="javascript:$('.required-control').each(function(){$(this).css('border','1px solid #ccc');$(this).attr('placeholder','');});$('#checkProductInfoByName').modal('hide');$('#dataForm')[0].reset();"
           class="btn">关闭</a>
        <a href="javascript:void(0);" id="doSaveProduct" class="btn btn-primary">保存</a>
    </div>
</div>
<script type="text/javascript" src="/static/js/lib/pcIndex.js"></script> -->